<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>树页</title>
	
	<!-- bootstrap5 -->
	<link href="/static/plugins/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet" media="all" />
	<script src="/static/plugins/bootstrap/5.1.3/js/bootstrap.min.js" charset="utf-8"></script>
	
	<!-- iconfont  -->
	<link rel="stylesheet" type="text/css" href="/static/plugins/h-ui/iconfont/1.0.8/iconfont.css" />

	<style>
	.form-label-ys-form {width: 100px !important; white-space: nowrap; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 0px !important;}
	.form-control-ys-form {width: calc(100% - 100px); height: 30px; line-height: 30px;}
	.form-select-ys-form {width: calc(100% - 100px); height: 30px; line-height: 30px; padding-top: 0 !important;}
	.ml-2 {margin-left: 2px;}
	.font-red {color: red;}
	.btn-ys-form {margin: 0 5px;}
	
	.card-body {padding: 0 0 0 1rem;}
	.card-header {padding: 0;}
	.btn {padding: 0;}
	</style>

</head>
<body style="padding: 10px 0px;">
<div class="container" style="max-width: 100% !important; margin-top: 48px; margin-bottom: 40px;">
	<div style="margin-top: 10px;">
<div class="mt-3" style="max-width: 20% !important;">
  <div id="accordion">
    <div class="card">
      <div class="card-header">
        <span><a class="btn" data-bs-toggle="collapse" href="#collapseOne">可折叠组项目 #1</a><i class="Hui-iconfont">&#xe665;</i><i class="Hui-iconfont">&#xe665;</i><i class="Hui-iconfont">&#xe665;</i></span>
      </div>
      <div id="collapseOne" class="collapse show" data-bs-parent="#accordion">
        <div class="card-body">
			  <div id="accordion10">
			    <div class="card">
			      <div class="card-header">
			        <a class="btn" data-bs-toggle="collapse" href="#collapse11">可折叠组项目 #1</a>
			      </div>
			      <div id="collapse11" class="collapse" data-bs-parent="#accordion10">
			        <div class="card-body">
						  <div id="accordion100">
						    <div class="card">
						      <div class="card-header">
						        <a class="btn" data-bs-toggle="collapse" href="#collapse111">可折叠组项目 #1</a>
						      </div>
						      <div id="collapse111" class="collapse show" data-bs-parent="#accordion100">
						        <div class="card-body">
						          <h3>春日</h3>
								  <p>胜日寻芳泗水滨，无边光景一时新。</p>
						          <p>等闲识得东风面，万紫千红总是春。</p>
						        </div>
						      </div>
						    </div>
						    <div class="card">
						      <div class="card-header">
						        <a class="collapsed btn" data-bs-toggle="collapse" href="#collapse112">可折叠组项目 #2</a>
						      </div>
						      <div id="collapse112" class="collapse" data-bs-parent="#accordion100">
						        <div class="card-body">
						          <h3>初夏绝句</h3>
								  <p>纷纷红紫已成尘，布谷声中夏令新。</p>
						          <p>夹路桑麻行不尽，始知身是太平人。</p>
						        </div>
						      </div>
						    </div>
						    <div class="card">
						      <div class="card-header">
						        <a class="collapsed btn" data-bs-toggle="collapse" href="#collapse113">
						          可折叠组项目 #3
						        </a>
						      </div>
						      <div id="collapse113" class="collapse" data-bs-parent="#accordion100">
						        <div class="card-body">
						          <h3>山行</h3>
								  <p>远上寒山石径斜，白云生处有人家。</p>
						          <p>停车坐爱枫林晚，霜叶红于二月花。</p>
						        </div>
						      </div>
						    </div>
						  </div>
			        </div>
			      </div>
			    </div>
			    <div class="card">
			      <div class="card-header">
			        <a class="collapsed btn" data-bs-toggle="collapse" href="#collapse12">
			        可折叠组项目 #2
			      </a>
			      </div>
			      <div id="collapse12" class="collapse show" data-bs-parent="#accordion10">
			        <div class="card-body">
			          <h3>初夏绝句</h3>
					  <p>纷纷红紫已成尘，布谷声中夏令新。</p>
			          <p>夹路桑麻行不尽，始知身是太平人。</p>
			        </div>
			      </div>
			    </div>
			    <div class="card">
			      <div class="card-header">
			        <a class="collapsed btn" data-bs-toggle="collapse" href="#collapse13">
			          可折叠组项目 #3
			        </a>
			      </div>
			      <div id="collapse13" class="collapse" data-bs-parent="#accordion10">
			        <div class="card-body">
			          <h3>山行</h3>
					  <p>远上寒山石径斜，白云生处有人家。</p>
			          <p>停车坐爱枫林晚，霜叶红于二月花。</p>
			        </div>
			      </div>
			    </div>
			  </div>
			
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header">
        <a class="collapsed btn" data-bs-toggle="collapse" href="#collapseTwo">
        可折叠组项目 #2
      </a>
      </div>
      <div id="collapseTwo" class="collapse" data-bs-parent="#accordion">
        <div class="card-body">
          <h3>初夏绝句</h3>
		  <p>纷纷红紫已成尘，布谷声中夏令新。</p>
          <p>夹路桑麻行不尽，始知身是太平人。</p>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header">
        <a class="collapsed btn" data-bs-toggle="collapse" href="#collapseThree">
          可折叠组项目 #3
        </a>
      </div>
      <div id="collapseThree" class="collapse" data-bs-parent="#accordion">
        <div class="card-body">
          <h3>山行</h3>
		  <p>远上寒山石径斜，白云生处有人家。</p>
          <p>停车坐爱枫林晚，霜叶红于二月花。</p>
        </div>
      </div>
    </div>
  </div>
</div>
	</div>
</footer>
<script>
</script>
</body>
</html>
